<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>p1_CSS的三种位置</title>
<!--    3.CSS外部样式
rel=“stylesheet”表示引入的文件类型是CSS
href引入的CSS文件路径-->

<!--    2.CSS内部样式-->
  <style>
      /* 选择器 */
      p {
          color: blue;
      }
      div {
          color:green;
      }
      h2{
          color: green !important;
      }

  </style>
    <link rel="stylesheet" href="01.css">
</head>
<body>
<!--1.CSS行内样式 加在当前行，只对当前行元素生效-->
<h4 style="color: red;background-color: yellow;">我是标题1</h4>
<h4>我是标题2</h4>
<h4>我是标题3</h4>

<p>我是段落</p>
<p>我是段落</p>
<p>我是段落</p>
<p>我是段落</p>

<div>我是div</div>
<div>我是div</div>
<div>我是div</div>

<h2 style="">优先级</h2>
</body>
</html>